/* CSS Document */
/* RESET STYLE */
/*@font-face
{
    font-family: digifaw;
    src: url(http://css.diadiemvang.net/deals/font/digifaw.ttf);
}
*/
a				{color:#005094; text-decoration:none}
a:hover			{text-decoration:underline; color:#005094;}
/*select, input, textarea	{font-family: Tahoma, Helvetica, sans-serif; color:#2f2f2f; border:#ddd solid 1px; font-size:12px; }*/
input, textarea {padding:0px 1px 2px 2px;}
h1{color:#01458e; font-size:15px;}
/*h2{font-size:14px; color:#ffd101; margin:0 0 10px; text-transform:uppercase;}*/
h3{font-size:12px; color:#005094; margin:0 0 10px;}
h4, h5, h6{font-size:12px; color:#2f2f2f; margin:0 0 10px}
img, fieldset{border:0}
option{padding:1px}
.hidden{display:none;}
/***********/
ol, ul{list-style-type:none;}
dt{font-weight:bold; text-transform:uppercase;} 
/***********/
th, td{text-align:left; padding:5px;}
	thead{font-weight:bold;}
p{line-height:18px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
#wrapper{width:100%; position:relative;}


/*** Deal Top ********************/
.saleTop {background:url(../images/bgd_sale_01.png) 0 0 no-repeat; width:110px; height:123px; position:absolute ;padding:30px 0 0 10px; margin:-392px 0 0 0; left:-8px}
#dealTop {background:url(../images/bgd_dealTop.png) 0 0 no-repeat; float:left; width:980px; margin:5px 0 0 0}
.detailTop {background:url(../images/bgd_dealTop_02.png) 0 0 repeat-y; float:left; width:980px; margin:19px 0 20px 0; text-align:right;}
.detailTop-foot {background:url(../images/bgd_dealTop_03.png) 0 100% no-repeat; float:left}

.slides_container { width:963px; height:386px; padding:0 0 0 15px}
.imgTop {background:url(../images/bgd_img_top.png) 100% 0 no-repeat; width:512px; height:387px; padding:4px; float:left; margin:0 5px 0 0}
.saleTop h4 {font-size:22px; color:#FFF; padding:0 0 0 30px; font-weight:normal; text-align:left}
.saleTop h5 {font-size:35px; color:#FFF; padding:0 0 0 10px; font-weight:normal; text-align:left}

.dealInfoTop {width:415px; float:right; margin:0 0 10px 5px}
.titleTop {width:100%; height:130px}
.titleTop h1 {font-size:21px; font-weight:normal; color:#066895; margin:0 0 8px 0; text-align:left}
.titleTop h1 a:hover {text-decoration:none; color:#0c45ed;}
.titleTop span {color:#5e5e5e; background:url(../images/bgd_icon_home_01.png) 0 0 no-repeat; padding:1px 0 0 22px; width:100%; text-align:left; float:left}
.titleTop p {color:#0C45ED; margin:5px 0 0 0; text-align:left; float:left}

.priceTop {background:url(../images/bgd_priceTop.png) 0 0 no-repeat; width:408px; height:77px; margin:10px 0 15px 0; float:left}

.salePriceTop {padding:20px 15px 0 10px; float:left; background:url(../images/bgd_line_03.png) 100% 100% no-repeat}
.salePriceTop h5 {color:#0c45ed; font-size:15px; float:left; font-weight:normal; margin:0 5px 0 0; line-height:45px}
.salePriceTop h2 {color:#FF0036; font-size:24px; float:left; font-weight:normal; margin:0 5px 0 0;}
.salePriceTop h6 {color:#0c45ed; float:left; font-weight:normal; line-height:47px; margin:0 5px 0 0;}

.btnviewTop a{background:url(../images/bgd_viewTop.png) 0 0 no-repeat; float:right; width:174px; height:77px; margin:0 5px 0 0}

.infoTop {background:url(../images/bgd_clockTop_01.png) 0 0 no-repeat; width:408px; height:148px; float:left}
.costTop {float:left; padding:10px 20px 0 15px;  background:url(../images/bgd_line_03.png) 100% 70% no-repeat; height:88px}
.costTop h4 {margin:2px 0 18px 0; font-size:12px; font-weight:normal; text-align:center}
.costTop h3 {float:left; margin:0 5px 0 0; color:#af0303; font-size: 22px; font-weight:normal; text-decoration:line-through}
.costTop h6 {float:left; margin:0 5px 0 0; color:#af0303; font-weight:normal; line-height:40px}


.clockTop {float:left; margin:0 10px 0 2px}
.clockTop p {padding:0px 0 0 10px; text-align:center}
.clockTop ul {float:left; overflow:hidden; /*padding:10px 0 0 10px*/}
.clockTop li {float:left; display:block; text-align:center; padding:0 0 0 10px; color:#737272}
.clockTop li span {float:left; display:block; text-align:center; font-size:25px; padding:5px 0 0 0; font-family: digifaw; color:#cf0505}
.clockTop .hoursTop span {background:url(../images/bgd_clock_02.png) 0 0 no-repeat; width:67px; height:41px}
.clockTop .minutesTop span {background:url(../images/bgd_clock_01.png) 0 0 no-repeat; width:58px; height:41px}
.clockTop .hoursTop {width:67px;}
.clockTop .minutesTop {width:58px;}




.infoTop h1 {display:block; font-size:20px; text-align:center; color:#737272; float:left; width:430px; padding:5px 0 0 0; font-weight:normal}
.infoTop h1 span {color:#cf0505; font-size:30px}

.pagination {margin:26px auto 0; width:100px}
.pagination li {float:left;	margin:0 1px; list-style:none;}
.pagination li a {display:block;width:12px;	height:0;	padding-top:12px;	background-image:url(../img/pagination.png);background-position:0 0;	float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

/*** Deal Detail ********************/

#dealDetail {background:url(../images/bgd_dealTop.png) 0 0 no-repeat; float:left; width:980px; margin:5px 0 0 0}
.detailContainer {background:url(../images/bgd_dealTop_02.png) 0 0 repeat-y; float:left; width:980px; margin:19px 0 20px 0;}
.dealDetail-foot {background:url(../images/bgd_dealTop_03.png) 0 100% no-repeat; float:left}

.detailContainer h1 {font-size:14px; margin:0 0 7px 15px; line-height:20px; text-align:left; width:97%}
.detailContainer h1 span {font-size:14px; color:#F00}
.imgDetail strong {background:url(../images/bgd_sale_05.png) 0 0 no-repeat; height:78px; width:128px; color:#fff;float:left; position:absolute; z-index:8; font-size:29px; text-shadow:1px 2px 1px #023F72}
.imgDetail strong span {font-size:12px; color:#FFF}
.imgDetail {background:url(../images/bgd_img_top_01.png) 0 0 no-repeat; width:512px; height:330px; padding:4px; float:left; margin:0 0 0 15px}
.formDetail {width:408px; margin:0 0 0 10px; float:left}
.address {float:left; width:400px; padding:3px 0 0 0;}
.address h5 {color:#5e5e5e; background:url(../images/bgd_icon_home_01.png) 0 0 no-repeat; padding:1px 0 0 22px; font-weight:normal; margin:0}
.address h6 {color:#0C45ED; font-weight:normal}

.priceDetail {background:url(../images/bgd_priceTop.png) 0 0 no-repeat; width:408px; height:77px; margin:10px 0 15px 0; float:left}
.saleDetail {padding:20px 15px 0 10px; float:left; background:url(../images/bgd_line_03.png) 100% 100% no-repeat}
.saleDetail h5 {color:#0c45ed; font-size:15px; float:left; font-weight:normal; margin:0 5px 0 0; line-height:45px}
.saleDetail h2 {color:#FF0036; font-size:24px; float:left; font-weight:normal; margin:0 5px 0 0; line-height: 40px}
.saleDetail h6 {color:#0c45ed; float:left; font-weight:normal; line-height:47px; margin:0 5px 0 0;}

.btnbuy a {background:url(../images/bgd_orderTop.png) 0 0 no-repeat; float:right; width:174px; height:77px; margin:0 5px 0 0}
.detailInfo {background:url(../images/bgd_clockTop_01.png) 0 0 no-repeat; width:408px; height:148px; float:left}
.costDetail {float:left; padding:10px 20px 0 15px;  background:url(../images/bgd_line_03.png) 100% 70% no-repeat; height:88px}
.costDetail h4 {margin:2px 0 18px 0; font-size:12px; font-weight:normal; text-align:center}
.costDetail h3 {float:left; margin:0 5px 0 0; color:#af0303; font-size: 22px; font-weight:normal; text-decoration:line-through}
.costDetail h6 {float:left; margin:0 5px 0 0; color:#af0303; font-weight:normal; line-height:40px}

.clockDetail {float:left; margin:0 10px 0 2px}
.clockDetail p {padding:0px; text-align:center}
.clockDetail ul {float:left; overflow:hidden; padding:10px 0 0 10px}
.clockDetail li {float:left; display:block; text-align:center; padding:0 0 0 10px; color:#737272}
.clockDetail li span {float:left; display:block; text-align:center; font-size:25px; padding:5px 0 0 0; font-family: digifaw; color:#cf0505}
.clockDetail .hoursTop span {background:url(../images/bgd_clock_02.png) 0 0 no-repeat; width:67px; height:41px}
.clockDetail .minutesTop span {background:url(../images/bgd_clock_01.png) 0 0 no-repeat; width:58px; height:41px}
.clockDetail .hoursTop {width:67px;}
.clockDetail .minutesTop {width:58px;}
.detailInfo h2 {display:block; font-size:20px; text-align:center; color:#737272; float:left; width:430px; /*padding:5px 0 0 0;*/ font-weight:normal}
.detailInfo h2 span {color:#cf0505; font-size:30px}

#condition-first {background:url(../images/bgd_left_detail.png) 0 0 no-repeat; float:left; width:700px; margin:5px 0 0 0}
#condition-foot {background:url(../images/bgd_left_detail_02.png) 0 100% no-repeat; float:left}
#condition {background:url(../images/bgd_left_detail_01.png) 0 0 repeat-y; float:left; width:700px; margin:13px 0 15px 0; padding:0 0 0 15px}
.condition-highlight {width:46%; float:left; margin:0 20px 0 0; text-align:justify}
.last {margin:0}
.condition-highlight h2 {text-align:center; color:#F16803}
.condition-highlight p {background:url(../images/bgd_icon_05.png) 0 6px no-repeat; padding:0 0 5px 15px}

#information-first {background:url(../images/bgd_left_detail.png) 0 0 no-repeat; float:left; width:700px; margin:5px 0 0 0}
#information-foot {background:url(../images/bgd_left_detail_02.png) 0 100% no-repeat; float:left}
#information {background:url(../images/bgd_left_detail_01.png) 0 0 repeat-y; float:left; width:700px; margin:13px 0 15px 0; padding:0 0 0 15px}

#info-map {width:100%;}

#tabs {width:94%; height:25px; margin:0 0 0 5px; position:relative; background:url(../images/bgd_line_06.jpg) 0 100% repeat-x;}
#tabs li {display:block; float:left; margin:0 20px 0 0; height:23px; position:relative}
#tabs li.back {z-index: 8;position: absolute; background:url(../images/bgd_line_05.jpg) 0 100% repeat-x; height:25px; display:block}
#tabs li a {font-size:14px; text-transform:uppercase; color:#0089D0; font-weight:bold;z-index: 10;display: block;position: relative;overflow: hidden;outline: none;letter-spacing: 0}
#tabs a:hover {text-decoration:none; color:#F16803;}
#tabs .ui-state-active a {text-decoration:none; color:#F16803;}

#tabs div {float:left; margin:10px 0 10px 0}
#tabs .ui-tabs-panel { display: block;}
#tabs .ui-tabs-hide { display: none !important; }

#tabs-1 {width:100%;}

#tabs-1 img {margin:0 0 10px 0; border:#EEE solid 3px; box-shadow:0 0 2px 0 #666}

#tabs-2 {width:100%}
#tabs-2 img {margin:0 0 10px 0; border:#EEE solid 3px; box-shadow:0 0 2px 0 #666}

#tabs-3 {width:100%}
#tabs-3 h3 {color:#F16803; text-transform:uppercase; font-size:16px}
#tabs-3 h4 {color:#F16803; text-transform:none; font-size:14px; background:url(../images/bgd_title_04.gif) 0 100% no-repeat; height:25px}
#tabs .address-info-bot {width:100%; margin:0 0 15px 0; background:url(../images/bgd_bottomInfo_01.gif) 0 100% no-repeat; padding:0 0 15px 0}
#tabs .address-info-top {width:100%; background:url(../images/bgd_topInfo_02.gif) 0 0 no-repeat; padding:15px 0 0 0; margin:0}
#tabs .address-info {background:none; width:603px; padding:0 25px; border-left:#d5d5d5 solid 1px; border-right:#d5d5d5 solid 1px; overflow:hidden; margin:0}
.address-info img {background:url(../images/bgd_info_03.gif) 100% 100% no-repeat; padding:20px 40px 0 0}
#tabs .address-info div{width:420px; float:right}

#comment-first {background:url(../images/bgd_left_detail.png) 0 0 no-repeat; float:left; width:700px; margin:5px 0 0 0}
#comment-foot {background:url(../images/bgd_left_detail_02.png) 0 100% no-repeat; float:left}
#comment {background:url(../images/bgd_left_detail_01.png) 0 0 repeat-y; float:left; width:675px; margin:13px 0 15px 0; padding:0 0 0 25px}

#comment h1 {text-transform:uppercase; color:#F16803; margin:5px 0 10px 0}
#comment .form-comment {width:100%; float:left; margin:0 0 30px 0}
#comment .form-comment .txt-comment-left {width:64px; padding:20px 25px 0 0; float:left}
#comment .form-comment .txt-comment-right {width:540px; float:left}
#comment .form-comment .txt-comment-right p {color:#666; font-style: italic; float:left}
#comment .form-comment .txt-comment-right textarea {width:540px; height:100px; float:left}
#comment .form-comment .txt-comment-right input {float:left; background:url(../images/bgd_button.png) 0 100% no-repeat; border:none; width:55px; height:70px; position:absolute; z-index:10; font-size:16px; color:#ec5125; font-weight:bold; left:805px; margin:50px 0 0 0; cursor:pointer}
#comment .form-comment .txt-comment-right input:hover {float:right; background:url(../images/bgd_button_01.png) 0 100% no-repeat; border:none; width:55px; height:70px; margin:50px 0 0 0; position:absolute; z-index:10; font-size:16px; color:#fff; font-weight:bold; left:805px; cursor:pointer}


#comment .comment-min {width:100%; margin:0 0 20px 0; float:left}
#comment .comment-min .avatar-user img {background:url(../images/bgd_img_01.png) 0 0 no-repeat; padding:6px 5px 16px 5px; float:left; margin:0 10px 0 0}
#comment .comment-min .avatar-user span img {background:none; padding:0; margin:0 0 0 -20px; position:absolute; z-index:10}
#comment .comment-min .content-comment {border: 1px solid #DEDEDE; border-radius: 4px 4px 4px 4px; float: left; margin-left: 5px; width: 540px;}
#comment .comment-min .content-comment .name-user {background:url(../images/bgd_title_01.gif) 0 100% no-repeat; width:100%; padding:0 0 5px 0; margin:0 0 10px 10px; float:left}
.content-comment .name-user h5 {color:#0089D0; padding:10px 0 0 5px; float:left}
.content-comment .name-user h6 {color:#666; padding:10px 25px 0 0; float:right; font-size:11px; font-weight:normal}
#comment .user-comment {width:98%; margin:0 0 10px 10px}

#left {width:700px; float:left}
#right {width:270px; float:left}
#contextual {background:url(../images/bgd_right.png) 100% 100% no-repeat; float:right; width:270px; margin:8px 2px 2px 0}
#contextual h2 {background:url(../images/bgd_right_title.png) 0 0 no-repeat; width:270px; height:30px; margin:0; font-size:1.167em; padding:8px 0 7px 25px; text-shadow:1px 1px #666666; }

#right-min {background:url(../images/bgd_right_01.png) 0 0 repeat-y; float:left; margin:0 0 15px 5px; width:265px; padding:0 0 0 7px}
#right-min .dealhot {background:url(../images/bgd_dealhot.png) 0 0 no-repeat; width:253px; height:290px}

.dealhot strong {background:url(../images/bgd_sale_04.png) 0 0 no-repeat; padding:5px 0 0 10px; height:60px; width:80px; color:#fff;float:left; position:absolute; z-index:8; font-size:30px; margin:-13px 0 0 3px; text-shadow:1px 2px 1px #023F72}
.dealhot strong span {font-size:12px; color:#FFF}
.dealhot h3 {padding:5px 0 0 5px; width:90%; height:45px; margin:0 0 5px 0; line-height:18px; text-align:center}
.dealhot img {border:#EEE solid 3px; box-shadow:0 0 2px 0 #666; margin:0 0 0 5px}
.dealhot div {width:48%; margin:10px 0 0 5px; float:left}
.dealhot div h6 {color:#00F; text-align:center; font-size:14px; margin:0}
.dealhot div h6 span {color:#00F; font-size:10px}
.dealhot div h4 {color:#F00; text-align:center; text-decoration: line-through; font-size:18px}
.dealhot div h4 span {color:#F00; font-size:10px; text-decoration: none;}
.dealhot div h5 {color:#005094; text-align:center}
.dealhot div h5 span {color:#F00; font-size:18px; text-decoration: none;}

